<template>
  <div class="skeleton-wrap" v-show="loading">
    <van-skeleton title :row="row" :loading="loading"></van-skeleton>
  </div>
</template>
<script lang="ts">
import { Component, Vue, Prop } from "vue-property-decorator";
import { Skeleton } from "vant"; // 导入骨架屏

@Component({
  components: {
    [Skeleton.name]: Skeleton
  }
})
export default class SkeletonCom extends Vue {
  @Prop({ default: 6 })
  row?: number;
  @Prop({ required: true, default: true })
  loading!: boolean;
}
</script>
<style lang="scss">
.skeleton-wrap{
  padding-top: 100px;
}
</style>


